/*****************************************************************************************
**  Author:dgz master
**  Contact：jiduxiong@dagongzao.com
**
*****************************************************************************************/
//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
import gridFooter from '@/views/bizappproject/daojiao/daojiaogdFoot.vue' 
import { ElMessage } from 'element-plus'
let extension = {
  components: {
    //查询界面扩展组件
    gridHeader: "",
    gridBody: "",
    gridFooter: gridFooter,
    //新建、编辑弹出框扩展组件
    modelHeader: "",
    modelBody: "",
    modelRight: "",
    modelFooter: ""
  },
  tableAction: "", //指定某张表的权限(这里填写表名,默认不用填写)
  buttons: { view: [], box: [], detail: [] }, //扩展的按钮

  methods: {
    //下面这些方法可以保留也可以删除
    onInit() {  //框架初始化配置前，
      //示例：在按钮的最前面添加一个按钮
      //   this.buttons.unshift({  //也可以用push或者splice方法来修改buttons数组
      //     name: "按钮", //按钮名称
      //     icon: "el-icon-document", //按钮图标：https://element.eleme.cn/#/zh-CN/component/icon
      //     type: "primary", //按钮样式:https://element-plus.gitee.io/zh-CN/component/button.html
      //     //color:"#eee",//自定义按钮颜色
      //     onClick: function () {
      //       this.$Message.success("点击了按钮");
      //     }
      //   });

      //示例：设置修改新建、编辑弹出框字段标签的长度
      // this.boxOptions.labelWidth = 150;
      // 获取可视高度
      this.tableHeight = this.$HasChildrenPageHeight
      this.dragPosition = 'bottom'
    },

    onInited() {
      //框架初始化配置后
      //如果要配置明细表,在此方法操作
      //this.detailOptions.columns.forEach(column=>{ });
      for (let i = 0; i < this.columns.length; i++) {
        this.columns[i]["align"] = "center"
      }

      this.buttons.splice(2, 0, {
        name: "工单拆分",
        icon: "el-icon-remove",
        type: "warning",
        onClick: () => {
          // this.complete(anniu_pro);
          this.manual_updata_data()
        }
      })

    },

    manual_updata_data() {
      this.text = ""
      var rows = this.$refs.table.getSelected()
      console.log("KKKKKKKKKKKKKKKKK", rows)

      if (rows.length === 0) {
        ElMessage.warning("请先选择要拆分的工单")
        return
      }
      this.$prompt("请输入要拆分的数量", "工单拆分", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        inputPattern: /^[1-9]\d*$/,
        inputErrorMessage: "请输入正整数",
        inputPlaceholder: "请输入拆分数量"
      }).then(({ value }) => {
        // 用户点击确定，value为输入的数量
        console.log("拆分数量:", value)
        console.log("HHHHHHHHHH", this.detail.table.rows)
        // 这里可以添加拆分工单的具体逻辑
        ElMessage.success(`工单将拆分为 ${value} 份`)

        // 示例：调用拆分工单的API
        // this.splitWorkOrder(rows[0].id, value)   mes_data:jsonString_mes_data
        var product_qty = rows[0]["product_qty"]
        var per_product_qty = product_qty / value
        console.log("DDDDDDDDDDDDDDD", product_qty, value, per_product_qty)
        let mes_data_final = []
        if (value == 1) {
          let mes_data = {
            schedule_id: rows[0]["schedule_id"],
            name: rows[0]["name"],
            raw_lot_id: rows[0]["raw_lot_id"],
            little_lot: rows[0]["name"],
            per_qty: per_product_qty,
          }
          mes_data_final.push(mes_data)
        } else {
          for (let i = 0; i < value; i++) {
            let mes_data = {
              schedule_id: rows[0]["schedule_id"],
              name: rows[0]["name"],
              raw_lot_id: rows[0]["raw_lot_id"],
              little_lot: rows[0]["name"] + "-" + (i + 1),
              per_qty: per_product_qty,
            }
            mes_data_final.push(mes_data)
          }
        }

        let jsonString_mes_data = JSON.stringify(mes_data_final)

        console.log(mes_data_final)
        this.http.get('api/daojiaogd_gz/insert_db_gz',
          { mes_data: jsonString_mes_data }).then((reslut) => {
            console.log(reslut[0])
            this.$store.getters.data().name = rows[0].name
            //查询界面table点击行事件
            this.$refs.table.$refs.table.clearSelection(rows) //清除当前选中当前行;
            this.$refs.gridFooter.topRowClick(rows)
            setTimeout(() => {
              this.$refs.table.$refs.table.toggleRowSelection(rows, true) //单击行时选中当前行;
            }, 200);
            return reslut[0]
          }).catch((error) => {
            console.log("失败", error)
            return "未更新"
          });
      }).catch(() => {
        // 用户点击取消
        ElMessage.info("已取消拆分")
      })
    },
    searchBefore(param) {
      //界面查询前,可以给param.wheres添加查询参数
      //返回false，则不会执行查询
      return true;
    },
    searchAfter(result) {
      //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
      return true;
    },
    addBefore(formData) {
      //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
      return true;
    },
    updateBefore(formData) {
      //编辑保存前formData为对象，包括明细表、删除行的Id
      return true;
    },
    delBefore(formData) {
      //编辑保存前formData为对象，包括明细表、删除行的Id
      return true;
    },
    addAfter(formData) {
      //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
      //添加后刷新字典

      return true;
    },
    updateAfter(formData) {
      //编辑保存前formData为对象，包括明细表、删除行的Id
      //添加后刷新字典

      return true;
    },
    delAfter(formData) {
      //编辑保存前formData为对象，包括明细表、删除行的Id
      //添加后刷新字典

      return true;
    },
    rowClick({ row, column, event }) {
      //查询界面点击行事件
      console.log("进来了吗")

      this.$store.getters.data().name = row.name
      //查询界面table点击行事件
      this.$refs.table.$refs.table.clearSelection(row) //清除当前选中当前行;
      // var rows = []
      var rows = this.$refs.table.getSelected()
      console.log("llll", rows)
      this.$refs.gridFooter.topRowClick(row)
      setTimeout(() => {
        this.$refs.table.$refs.table.toggleRowSelection(row, true) //单击行时选中当前行;
      }, 200);
    },
    modelOpenAfter(row) {
      //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
      //(1)判断是编辑还是新建操作： this.currentAction=="Add";
      //(2)给弹出框设置默认值
      //(3)this.editFormFields.字段="xxx";
      //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
      //看不懂就把输出看：console.log(this.editFormOptions)
    }
  }
};
export default extension;
